% title = 'Login'
% include(top)

<div class="pure-g creds">
	<div class="pure-u-1 center">
		<h1>Login</h1>
	</div>
	<div class="pure-u-1 pure-u-md-1-4 pure-u-lg-1-3"></div>
	<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
		<form action="/login" method="post" class="pure-form pure-form-aligned">
% if failure:
			<p class="boxed error">{{failure}}</p>
% end  # (if)
			<p>Don't have an account? You can always <a href="/register">make one.</a></p>
			<fieldset class="pure-group">
				<input class="pure-input-1" required name="username" type="text" placeholder="Username" autofocus>
				<input class="pure-input-1" required name="password" type="password" placeholder="Password">
			</fieldset>
			<fieldset class="pure-group">
				<input id="cb" name="remember" type="checkbox" style="float: left; margin-top: 2px;>">
				<div style="margin-left: 25px;">
					Remember Me
				</div>
				<button class="pure-button pure-input-1 pure-button-primary" type="submit">Login</button>
			</fieldset>
% if redirect:
				<input type="hidden" name="redirect" value="{{redirect}}">
% end  # (if)
		</form>
	</div>
	<div class="pure-u-1 pure-u-md-1-4 pure-u-lg-1-3"></div>
</div>

% include(bottom)
